<template>
    <div class="list-empty">
        <span class="icon">&#xe61b;</span>
        <div class="text">{{text}}</div>
    </div>
</template>

<script>
export default {
    name: 'ListEmpty',
    props: {
        /**  */
        text: {
            type: String,
            default: '暂无数据',
        },
    },
};
</script>

<style lang="less">
@import "../../lib/style/mixins.less";

.list-empty {
    padding-top: 40px;
    padding-bottom: 40px;
    color: @color-font-4;
    text-align: center;
    .icon {
        font-size: 54px;
        line-height: 60px;
    }
    .text {
        padding-top: 10px;
        .text-normal();
    }
}
</style>
